function option3(indicator) {
    const option = {
        tooltip: {},
        legend: {
            data: ['（Allocated Budget）', '（Actual Spending）'],
            bottom:0,
            left:'center',
            textStyle: {
                color: '#fff'
            },
            icon: 'path://M512 0c282.752 0 512 229.248 512 512s-229.248 512-512 512S0 794.752 0 512 229.248 0 512 0z m0 85.333333C276.352 85.333333 85.333333 276.352 85.333333 512s191.018667 426.666667 426.666667 426.666667 426.666667-191.018667 426.666667-426.666667S747.648 85.333333 512 85.333333z m0 213.333334a213.333333 213.333333 0 1 1 0 426.666666 213.333333 213.333333 0 0 1 0-426.666666z'
        },
        radar: {
            name: {
                textStyle: {
                    color: '#878889',
                }
            },
            raduis:['50%','70%'],
            center:['50%','50%'],
            splitNumber:4,
            shape:'circle',
            axisLine: {
                lineStyle: {
                    color: '#004e51',
                    type:'dotted'
                }
            },
            splitLine: {
                lineStyle: {
                    color: ['#004e51','transparent','transparent','transparent']
                }
            },
            splitArea: {
                areaStyle:{
                    color:['rgba(0,78,81,0.5)','rgba(0,78,81,0.4)','rgba(0,78,81,0.3)','transparent']
                }
            },
            indicator: indicator
        },
        series: [{
            name: '预算 vs 开销（Budget vs spending）',
            type: 'radar',
            smooth:true,
            symbol: 'none',
            itemStyle: {
                color: "#00aeff",
            },
            data: [
                {
                    value: [4300, 10000, 28000, 35000, 50000, 19000],
                    name: '（Allocated Budget）',
                    areaStyle: {
                        color: 'rgba(5,96,208,0.5)'
                    }
                },
                {
                    value: [2300, 6000, 21000, 23000, 38000, 21000],
                    name: '（Actual Spending）',
                    itemStyle:{
                        color:'#00e6f4',
                    },
                    areaStyle: {
                        color: 'rgba(0,239,255,0.5)'
                    }
                }
            ]
        },
        {
            name: '',
            type: 'radar',
            symbolSize: 5,
            symbol: 'circle',
            itemStyle: {
                borderWidth: 10,
                borderColor: "rgba(0,78,81,0.6)",
                color: "#004e51",
                shadowColor: '#004e51',
                shadowBlur: '#004e51'
            },
            lineStyle: {
                width: 0
            },
            data: []
        }]
    };
    const indicatiors = [];
    indicator.forEach(item => {
      indicatiors.push(item.max)
    });
    option.series[1].data[0] = {
        value:indicatiors
    };
    return option;
}
export default option3;